<!--
 * @Author: ZhaoZhiqi
 * @Date: 2022-08-09 09:47:21
 * @LastEditors: ZhaoZhiqi
 * @LastEditTime: 2022-08-09 11:20:42
 * @Description: SearchItem组件

 * @Param: {String} label 搜索栏标题 

 * @FilePath: \tuanfeng-admin-front\src\components\SearchItem.vue
-->
<script setup lang="ts">
import { toRefs } from "vue";

const props = defineProps({
    label: {
        type: String,
        required: true,
    },
});

const { label } = toRefs(props);
</script>
<template>
    <el-col :xs="12" :sm="12" :md="8" :lg="8" :xl="6">
        <div class="search-item">
            <div class="search-label">{{ label }}：</div>
            <div class="search-input">
                <slot></slot>
            </div>
        </div>
    </el-col>
</template>
<style scoped lang="less">
@import url("../assets/less/common.less");
@import url("../assets/less/search.less");
</style>
